@page
@{ Layout = "_LayoutHome"; }
@section Styles{
<style>
    html, body {
        overflow: hidden;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
    }

    #calendar-container {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .fc-header-toolbar {
        padding-left: 1em;
        padding-right: 1em;
    }
</style>
}
<div id="calendar-container" class="bg-white px-3" v-loading="loadingEvent">
    <div id="calendar"></div>
</div>
@section Scripts{
<script src="/sitefiles/assets/lib/fullcalendar/index.global.js" type="text/javascript"></script>
<script src="/sitefiles/assets/lib/fullcalendar/locales/zh-cn.global.js" type="text/javascript"></script>
<script src="/sitefiles/assets/js/home/event.js" type="text/javascript"></script>
 }